<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>入门案例</title>
	</head>	
		<!-- 基本语法
			1.导入js类库
			2.指定VUE渲染区域
			3.实例化VUE对象
			4.数据取值
		 -->
	<body>
		<!-- 2.指定VUE渲染区域 -->
		<div id="app">
			<h3>{{msg}}</h3>
		</div>
		 <!-- 1.导入js类库 -->
		 <script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
		 <script>
		 /**
		  * 关于js中变量的定义说明:
		  * 	1. var 变量名  没有作用域的概念
		  * 		 容易出现安全性的问题
		  * 	2. let  作用与var类似,有作用域的概念
		  * 	3. const  定义常量
		  */
			const app = new Vue({
				el : "#app",
				data : {
					msg : "你好,VUE"
				}
			})
		 </script>
	</body>
</html>
